AnimageCC及Createjs演示

案例1: 碰撞测试

案例2: 坐标转换测试

Web前端技术典型案例实战教学演示目录

案例1演示 Axure原型demo    Html5最终demo   简单的加法及界面响应

说明:先利用Axure 进行原型界面设计,然后,根据原型要求,采用Bootstrap的Card、InputGroup等组件技术以及html5 number控件、JQuery技术。45分钟完成一个可随机出题并伴有CSS动画以及Javascript脚本的技术演练。

案例2演示 demo

说明:主要采用Bootstrap的Fixed Navbar以及Sticky Navbar布局等技术,45分钟完成一个导航栏布局演练。

案例5演示 demo1 demo2 demo3 demo4

说明:主要采用Bootstrap的Grid网格布局大致模仿一个现成的网站布局。

案例4演示 demo

说明:在上述的布局代码中填充相关内容模仿一个现成的网站首页布局。用时45分钟。

案例6演示 demo

说明:主要采用Bootstrap、FontAwesome、WebFont相关技术,20分钟搞定3个简单布局页面。采用程序员终极大法：“复制粘贴”，复制其中的关键代码，快速完成。

案例7演示 demo

说明:精灵图片一般不需要切割，但需要对于每个序列单元的位置需要坐标定位，spring.png里面有64个序列单元，从第三行采集了16个序列单元作为测试单元。